<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jQuery.js"></script>
    <script src="js/todolist.js"></script>
</head>

<body>
    <!-- 本地存储只能存储字符串，用JSON.stringify()将对象转换成字符串。JSON.parse()反之。 -->
    <header>
        <section>
            <label for="title">Todolist</label>
            <input type="text" id="title" name="title" placeholder="添加Todo" required="required">
        </section>
    </header>
    <section class="main">
        <h2>正在进行<span id="todoCount"></span></h2>
        <ol id="todolist" class="demo-box"></ol>

        <h2>已经完成<span id="doneCount"></span></h2>
        <ul id="donelist"></ul>
    </section>
    <footer>
        Copyrighr &copy 2021 todolist.cn
    </footer>
    <div class="markDown">
        <div>输入回车添加备忘录</div>
        <div>双击修改内容/回车确认</div>
        <div>🐖为删除功能</div>
        <div class="clearDiv">双击我可以清除使用说明</div>
    </div>


</body>

</html>